/******************************
 ** 初始化
 ** 兼容到IE7
 ** power by:www.hnjing.com
 ******************************/
* { margin:0; padding:0; }
html { height:100%; }
body  { min-width:1100px; font:14px/1.5 "Microsoft Yahei", Arial; color:#3f4461; background:#FFF; }
img { border:0px; }
ul,ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea,select { font:14px/1 "Microsoft Yahei", Arial; color:#3f4461; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#3f4461; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:#e96f6f; text-decoration:none; }
.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.hidden { display:none; }
.center { text-align:center; }
.arrow { font-family:'Small Fonts'; font-style:normal; }
.autocut { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.wrapper, .wrap { width:1100px; margin:0 auto; position:relative; }
.wrapper { margin-bottom:50px; min-height:auto; padding-top:60px; }


/******************************
 ** 首页风格
 ******************************/
.header { height:120px; background:url(../images/header.png) center center repeat #2d2e3c; position:relative; z-index:11; }
.header .logo { float:left; width:190px; height:80px; margin:20px 20px 20px 0; }
.header .logo img { height:80px; }
.header .tags { float:left; margin:30px 0 0 0; color:#babfd4; }
.header .tags strong { line-height:32px; font-size:20px; display:block; }
.header .tags span { line-height:26px; font-size:16px; color:#696d84; }
.header .market { float:right; width:250px; margin:22px 0 0 30px; }
.header .network { float:right; height:28px; clear:both; }
.header .network li { float:left; height:24px; margin-left:10px; position:relative; }
.header .network a { display:block; width:24px; height:24px; }
.header .network a.ico-weixin { background:url(../images/ico-m-weixin.png); }
.header .network a.ico-qq { background:url(../images/ico-m-qq.png); }
.header .network a.ico-sina { background:url(../images/ico-m-sina.png); }
.header .network a:hover + .drop { display:block; }
.header .network .drop { position:absolute; left:-39px; top:35px; background:#f4e5dc; display:none; }
.header .network .drop img { display:block; width:100px; height:100px; }
.header .network .drop i { position:absolute; width:18px; height:9px; background:url(../images/ico-cr.png) 0 0 no-repeat; left:50%; top:-9px; margin-left:-9px; }

.header .tel { float:right; width:250px; line-height:40px; font-size:33px; color:#e96f6f; font-family:Arial; background:url(../images/ico-tel.png) left center no-repeat; text-align:right; }

.searcher { float:right; width:270px; height:30px; margin:50px 0 0 0; background:#3f4461; padding:2px; }
.searcher .txt { float:left; height:30px; line-height:30px; width:200px; background:#2c2e3f; border:0; color:#7e829a; padding:0 0 0 10px; }
.searcher .submit { float:right; width:60px; height:30px; background:url(../images/searcher-btn.png) center center repeat #3f4461; border:0; color:#c2c4d0; cursor:pointer; }
.searcher .submit:hover { background:#242637; }

.nav { width:100%; height:54px; position:relative; z-index:10; background:url(../images/nav-bg.png) left center repeat-x; }
.nav .list { height:54px; }
.nav li { float:left; width:122px; height:54px; text-align:center; position:relative; }
.nav li > a { display:block; height:54px; line-height:54px; font-size:16px; border-right:1px solid #e2e3eb; }
.nav li:first-child a { border-left:1px solid #e2e3eb; }
.nav li.current, .nav li:hover { background:url(../images/nav-bg-hover.png) center bottom repeat-x; }
.nav li.current > a, .nav li:hover > a { color:#e96f6f; }
.nav .drop { position:absolute; left:0; top:54px; width:100%; background:#fff; overflow:hidden; display:none; }
.nav dl { width:100%; }
.nav dd { height:40px; line-height:40px; border-top:1px solid #e5e6ed; }
.nav dd:hover { background:#f5f5f5;  }
.nav dd a { display:block; }

.ihead { height:50px; line-height:50px; border-top:1px solid #c2c4d0; text-align:center; }
.ihead h2 { display:inline-block; *display:inline; height:50px; vertical-align:middle; position:relative; top:-26px; font-size:40px; color:#3f4461; }
.ihead h2 i { display:inline-block; vertical-align:-4px; *vertical-align:middle; height:40px; width:45px; background:url(../images/ihead-right.png) center center no-repeat; }
.ihead h2 i:first-child { background:url(../images/ihead-left.png) center center no-repeat; }

.ipro { padding:80px 0 0; }
.ipro .ihead h2 { background:#FFF; }
.ipro .classify { width:100%; text-align:center; padding-bottom:40px; }
.ipro .classify li { display:inline-block; *display:inline; margin:0 20px;  }
.ipro .classify li i { display:inline-block; width:20px; height:20px; vertical-align:middle; *vertical-align:-2px; background:url(../images/classify-right.png) center center no-repeat; }
.ipro .classify li i:first-child { background:url(../images/classify-left.png) center center no-repeat; }
.ipro .main { width:100%; overflow:hidden; padding:0 0 80px; }
.ipro .list { float:left; width:110%; }
.ipro .item { float:left; width:240px; margin-right:46px; }
.ipro .item.even { position:relative; top:50px; }
.ipro .item img { width:238px; /* height:318px;  */border:1px solid #d9dbe3; }
.ipro .item h3 { height:55px; line-height:55px; text-align:center; overflow:hidden; font-size:16px; font-weight:400; }

.iadv { width:100%; height:253px; background:url(../images/iadv-bg.png) center center no-repeat; margin-bottom:100px; }
.iadv .wrap { height:240px; }
.iadv h2 { padding:70px 0 0; height:80px; line-height:80px; font-size:40px; color:#d6d8e3; }
.iadv a, .iadv span { display:inline-block; padding:8px 15px; border:1px solid #d6d8e3; color:#d6d8e3; margin-right:10px; font-size:20px; }
.iadv span { letter-spacing:5px; }
.iadv a { color:#e96f6f; border-color:#e96f6f; }
.iadv a:hover { background:#e96f6f; color:#FFF; }

.iabout { margin-bottom:100px; }
.iabout .ihead { margin-bottom:90px; }
.iabout .ihead h2 { background:#FFF; }
.iabout .main { width:1024px; height:284px; padding:8px; background:url(../images/rep-bg.png) center center repeat; margin:0 0 0 60px; position:relative; }
.iabout .box { width:auto; height:244px; background:#FFF; padding:40px 40px 0 460px; }
.iabout h3, .iabout .sketch { position:absolute; top:-70px; }
.iabout h3 { left:460px; width:305px; height:60px; background:url(../images/iabout-h3.png) left top no-repeat; overflow:hidden; text-indent:-99em; }
.iabout .sketch { width:480px; height:320px; left:-60px; border-right:40px solid #fff; }
.iabout .box strong { font-size:20px; line-height:30px; margin-bottom:20px; display:block; }
.iabout .box span { color:#ff8885; }
.iabout .box p { height:80px; line-height:26px; margin-bottom:30px; overflow:hidden; }
.iabout .box .mo { display:block; width:120px; height:32px; line-height:32px; border:1px solid #9fa3b7; text-align:center; margin-top: 10px;}
.iabout .box .mo:hover { background:#9fa3b7; color:#FFF; }

.icase { margin-bottom:60px; }
.icase .ihead h2 { background:#FFF; }
.icase .main { width:100%; overflow:hidden; margin-bottom:50px; position:relative; }
.icase .list { float:left; width:300%; height:280px; position:relative; }
.icase .item { float:left; width:240px; margin:0 45px 0 0; }
.icase .item .img { width:240px; height:180px; background:#eee; margin-bottom:10px; }
.icase .item .img img { display:block; width:100%; height:180px; }
.icase .item h3 { height:30px; line-height:30px; font-size:16px; overflow:hidden; }
.icase .item p { height:60px; line-height:20px; overflow:hidden; }
.icase .foot { height:36px; border-top:1px solid #9fa3b7; text-align:center; }
.icase .foot a { display:block; width:120px; text-align:center; height:36px; line-height:36px; margin:0 auto; border:1px solid #9fa3b7; background:#FFF; color:#e96f6f; position:relative; top:-19px; }
.icase .foot a:hover { background:#e96f6f; border-color:#e96f6f; color:#FFF; }

.inews { height:270px; background:#3f4461; padding:100px 0 0; }
.inews .ihead { border-color:#7e829a; }
.inews .ihead h2 { background:#3f4461; color:#d6d8e3; }
.inews .ihead h2 i { background:url(../images/ihead-right2.png) center center no-repeat; }
.inews .ihead h2 i:first-child { background:url(../images/ihead-left2.png) center center no-repeat; }
.inews .prev, .inews .next { width:32px; height:32px; background:url(../images/inews-pn.png) 0 0 no-repeat; position:absolute; top:200px; cursor:pointer; }
.inews .prev { left:-60px; }
.inews .next { right:-60px; background-position:0 -32px; }
.inews .prev:hover { background-position:-32px 0; }
.inews .next:hover { background-position:-32px -32px; }
.inews .main { height:300px; overflow:hidden; padding-top:40px; position:relative; }
.inews .list { float:left; width:300%; position:relative; }
.inews .item { float:left; background:#FFF; width:220px; height:270px; padding:0 20px 0 20px; margin:0 19px 50px 0; box-shadow:0 1px 1px rgba(0,0,0,.2); }
.inews .item .date { height:60px; line-height:60px; font-size:24px; background:url(../images/inews-line.png) left bottom no-repeat; margin-bottom:10px; }
.inews .item h3 { height:35px; line-height:35px; overflow:hidden; font-size:16px; }
.inews .item p { height:72px; line-height:24px; overflow:hidden; margin-bottom:25px; }
.inews .item .mo {}
.inews .item .mo a { display:block; width:90px; height:30px; line-height:30px; text-align:center; border:1px solid #b0b2c2; color:#b0b2c2; border-radius:20px; }
.inews .item .mo a:hover { background:#e96f6f; border-color:#e96f6f; color:#fff; }


.icontact { background:url(../images/rep-bg.png) center center repeat; padding:180px 0 100px; }
.icontact .ihead { margin-bottom:30px;  }
.icontact .ihead h2 { background:url(../images/rep-bg.png) center center repeat; }
.icontact .map { width:624px; height:240px; background:url(../images/rep-map.png) 0 0 no-repeat; border:8px solid #fff; float:left; }
.icontact .map dl { height:54px; }
.icontact .map dt { font-weight:700; font-size:16px; }
.icontact .map dd { font-size:16px; }
.icontact .tel { margin:55px 0 20px 50px; padding:0 0 0 70px; background:url(../images/ico-telphone.png) left center no-repeat; }
.icontact .tel dd { font-size:22px; color:#e96f6f; }
.icontact .address { margin:0 0 0 50px; padding:0 0 0 70px; background:url(../images/ico-address.png) left center no-repeat; }

.iform { float:right; width:422px; overflow:hidden; }
.iform .from {}
.iform .row { width:420px; min-height:42px; margin-bottom:5px; position:relative; }
.iform .row i { position:absolute; width:24px; height:24px; left:8px; top:10px; }
.iform .txt, .iform .text { width:380px; height:40px; line-height:40px; padding:0 0 0 40px; border:1px solid #ddd; color:#999; }
.iform .txt:focus, .iform .text:focus { border-color:#aaa; }
.iform .text { height:90px; padding:10px; line-height:20px; width:400px; }
.iform .submit { width:100%; height:40px; background:#e96f6f; color:#FFF; border:0; cursor:pointer; font-size:16px; }
.iform .submit:hover { background:#e75757; }
.iform .row-name { float:left; width:202px; }
.iform .row-name .txt { width:160px; }
.iform .row-name i { background:url(../images/ico-name.png) center center no-repeat; }
.iform .row-phone { float:right; width:214px; }
.iform .row-phone .txt { width:172px; }
.iform .row-phone i { background:url(../images/ico-phone.png) center center no-repeat; }
.iform .row-email { clear:both; }
.iform .row-email i { background:url(../images/ico-email.png) center center no-repeat; }

.subnav { width:100%; height:54px; position:relative; z-index:10; background:url(../images/nav-bg.png) left center repeat-x; border-top:1px solid #ddd; }
.subnav .list { height:54px; }
.subnav li { float:left; width:122px; height:54px; text-align:center; position:relative; }
.subnav li > a { display:block; height:54px; line-height:54px; font-size:16px; border-right:1px solid #e2e3eb; }
.subnav li:first-child a { border-left:1px solid #e2e3eb; }
.subnav li.current, .subnav li:hover { background:url(../images/nav-bg-hover.png) center bottom repeat-x; }
.subnav li.current > a, .subnav li:hover > a { color:#e96f6f; }

.footer { background:url(../images/header.png) center top repeat #34374e; height:; padding:40px 0; color:#c2c4d0; }
.footer .code { float:right; width:; padding:10px 10px 5px; border:1px solid #737686; width:102px; text-align:center; }
.footer .code span { line-height:30px; }
.footer .code img { display:block; width:102px; height:102px; }
.footer .word { margin:0 220px 0 0; }
.footer .word h2 { font-size:40px; line-height:; color:#e96f6f; font-weight:400; }
.footer .word p { line-height:30px; }
.footer .word a { color:#c2c4d0; margin-left:10px; }
.footer .word a:hover { color:#e96f6f; }
.copyright { line-height:20px; padding:10px 0; background:#2d2f40; color:#b0b2c2; }
.copyright a { color:#b0b2c2; }
.copyright a:hover { color:#e96f6f; }



/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:220px; }
.side-menu { border:1px solid #ddd; }
.topclass { width:158px; margin:0 auto; height:90px; border-bottom:1px solid #ddd; }
.topclass h2 { padding:25px 0 0 0; font-size:20px; }
.topclass span { font-size:14px; color:#9fa3b7; }
.side-menu .list { margin:0 30px; padding:0 0 80px;  }
.side-menu dd { }
.side-menu dd > a { display:block; height:47px; line-height:47px; border-bottom:1px solid #ddd; background:url(../images/menu.png) 150px center no-repeat; }
.side-menu dd > a:hover { background-color:; }
.side-menu .drop { width:100%; padding:0 0; background:; border-bottom:1px solid #ddd; display:none; }
.side-menu .drop li { width:100%; height:32px; line-height:32px; }
.side-menu .drop a { display:block; padding:0 0 0 15px;  background:url(../images/ico-submenu.png) 2px center no-repeat; }
.side-menu .drop a:hover { background-color:; }
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a { color:#e96f6f; background-color:; }
.side-menu li.current > a { color:#e96f6f; background-color:; }

.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-contact { margin-bottom:20px; position:relative; top:20px; border:1px solid #ddd; border-top:3px solid #656a85; }
.side-contact .main { padding:0 10px 15px; line-height:2; }

.container { float:right; width:850px; }
.location { height:45px; border-bottom:1px solid #ddd; position:relative; margin-bottom:30px; }
.location:before { content:''; width:40px; height:3px; background:#e96f6f; position:absolute; left:0; bottom:-1px; }
.location h2 { font-size:20px; height:24px; line-height:24px;  }
.location .io { height:24px; line-height:24px; position:absolute; right:0; top:0; color:#666; background:url(../images/ico-location.png) left center no-repeat; padding:0 0 0 25px; }
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }



/******************************
 ** 内页页面通用
 ******************************/
.list-product { width:100%; }
.list-product .list { float:left; width:101.5%; }
.list-product .item { float:left; width:163px; padding:20px 20px 10px; border:1px solid #ddd; margin:0 10px 10px 0; }
.list-product .item .img { width:100%; /* height:217px; */ overflow:hidden; margin-bottom:10px; /* background:#f1f1f1;  */}
.list-product .item .img img { width:100%;/*  height:217px;  */}
.list-product .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:0; font-weight:400; }
.list-product .item h3 a { }
.list-product .item .order { text-align:center; display:none; }
.list-product .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff;  }
.list-product .item:hover { border-color:#ffd6d6; }
.list-product .item .order a:hover {  }

/* 图片4:3 */
.list-product2 { width:100%; }
.list-product2 .list { float:left; width:101.5%; padding-bottom:20px; }
.list-product2 .item { float:left; width:205px; margin:0 10px 0 0; }
.list-product2 .item .img { width:100%; height:154px; overflow:hidden; }
.list-product2 .item .img img { width:100%; height:154px; }
.list-product2 .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-product2 .item h3 a { }
.list-product2 .item .order { text-align:center; }
.list-product2 .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff; background:url(../images/order.png) center center no-repeat; }
.list-product2 .item:hover { border-color:#c8a48e; }
.list-product2 .item .order a:hover { background-image:url(../images/order-hover.png); }

/* 4:3 图文 */
.list-case { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 3:4 图文 */
.list-case2 { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-case2 .list { padding:10px 0 10px; }
.list-case2 .item { padding:15px 0 15px 180px; height:224px; border-top:1px dashed #ddd; position:relative; }
.list-case2 .item:first-child { border-top:0; }
.list-case2 .item .img { position:absolute; left:0; top:15px; width:166px; height:221px; background:#f1f1f1; }
.list-case2 .item .img img { display:block; width:166px; height:221px; }
.list-case2 .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case2 .item h3 a { color:#3f4461; }
.list-case2 .item h3 a:hover { color:#934407; text-decoration:underline; }
.list-case2 .item p { max-height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case2 .item .detail { height:20px; }
.list-case2 .item .detail a { line-height:20px; }

/* 图片相册 */
.list-photo { width:100%; }
.list-photo .list { float:left; width:101.5%; }
.list-photo .item { float:left; width:183px; padding:10px 10px 0; border:1px solid #ddd; margin:0 10px 10px 0; cursor:pointer; }
.list-photo .item .img { width:100%; height:137px; overflow:hidden; background:#f1f1f1; }
.list-photo .item .img img { width:100%; height:137px; }
.list-photo .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-photo .item:hover { border-color:#c8a48e; }

/* 附属简介 */
.list-news { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-news .list { padding:10px 0 10px; }
.list-news .item { padding:15px 0 15px 90px; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; left:0; top:20px; width:80px; text-align:center; }
.list-news .item .date b { font-size:30px; line-height:35px; color:#e96f6f; display:block; font-family:Arial; font-weight:400; }
.list-news .item .date span { font-size:20px; line-height:20px; }
.list-news .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-news .item h3 a {  }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#666; overflow:hidden; }

/* 新闻详情页 */
.news-content { }
.news-content h1 { padding:0 0 10px; font-size:24px; color:#e96f6f; line-height:1.4; }
.news-content .rap { height:40px; line-height:40px; border-bottom:1px dashed #ddd; margin-bottom:20px; }
.news-content .rap span { margin:0 20px 0 0; }
.news-content .rap b { color:#e96f6f; }

/* 案例详情页 */
.case-content { }
.case-photo { width:100%; text-align:center; }
.case-photo img { max-width:100%; }
.case-content h1 { padding:10px 0 20px; font-size:20px; color:#e96f6f; line-height:1.4; text-align:center; }

/* 产品详情页 */
.product-content { }
.product-content h1 { font-size:24px; line-height:1.2; color:#e96f6f; margin-bottom:20px; }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; border:1px solid #ddd; }
.product-photo .original img { display:block; width:auto; height:330px; margin:0 auto; }
.product-info { margin:0 0 0 470px; }
.product-info .inso { margin-bottom:20px; }
.product-info .inso dd { height:20px; line-height:20px; margin-bottom:10px; font-size:16px; }
.product-info .inso span { color:; }
.product-info .tel { padding:15px 20px; border:1px solid #ddd; margin-bottom:27px; }
.product-info .tel dt { height:30px; line-height:30px; font-size:18px; padding:0 0 0 35px; background:url(../images/ico-tel.png) left center no-repeat; }
.product-info .tel dd { font-size:35px; color:#e96f6f; line-height:1.2; }
.product-info .order { margin-bottom:90px; }
.product-info .order a { display:block; width:156px; height:40px; line-height:40px; color:#FFF; font-size:16px; font-weight:700; background:#e96f6f; text-align:center; }
.product-info .order a:hover { background:#e75c5c; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; padding-top:30px; }
.article-container .article { padding-bottom:10px; }
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px; padding:0 0 0 15px; background:#f8f8f8; font-size:16px; color:#5f412e; }




/******************************
 ** 组件类
 ******************************/
.banner { width:100%; min-width:1000px; position:relative; overflow:hidden; z-index:2; }
.banner ul { width:100%; }
.banner li { width:100%; position:absolute; z-index:1; overflow:hidden; background:#1b140d; display:none; }
.banner li:first-child { display:block; }
.banner img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; }
.banner .tip { width:100%; height:3px; text-align:center; position:absolute; left:0; bottom:30px; z-index:3; }
.banner .tip span { display:inline-block; width:20px; height:20px; line-height:0; background:url(../images/banner-tip.png) 0 0 no-repeat; margin:0 5px; cursor:pointer; }
.banner .tip span.cur { background:url(../images/banner-tip.png) 0 -20px no-repeat; }
.banner, .banner ul,.banner img { height:550px; }
.banner.mini, .banner.mini ul, .banner.mini img { height:400px; }

.toolbar { width:65px; position:fixed; right:0; top:50%; margin:-132px 0 0 0; z-index:50; }
.toolbar dd { width:65px; height:65px; background:none; margin-bottom:1px; position:relative; }
.toolbar dd > i { display:block; width:65px; height:65px; cursor:pointer; }
.toolbar .slide-qq { display:block; width:0; height:65px; line-height:65px; font-size:20px; color:#FFF; padding:0 0 0 65px; position:absolute; top:0; right:0; overflow:hidden; }
.toolbar .pop { position:absolute; right:90px; top:-65px; background:#e96f6f; display:none; }
.toolbar .pop .o { position:absolute; right:-7px; top:88px; width:7px; height:13px; background:url(../images/tool-arrow.png) 0 0 no-repeat; }
.toolbar .pop-tel { width:120px; padding:40px 20px 30px; color:#FFF; text-align:center; }
.toolbar .pop-tel .icon { height:30px; line-height:30px; padding-top:55px; background:url(../images/tool-telphone2.png) center 0 no-repeat; }
.toolbar .pop-tel .item { line-height:24px; font-size:16px; }
.toolbar .pop-code { width:120px; padding:20px 20px 0; }
.toolbar .pop-code img { width:120px; height:120px; display:block; }
.toolbar .pop-code h3 { height:50px; line-height:50px; text-align:center; color:#f2e8e1; font-size:16px; font-weight:400; white-space:nowrap; }
.toolbar .qq { background:url(../images/tool-qq.png) 0 0 no-repeat #3f4461; }
.toolbar .qq:hover { background:url(../images/tool-qq-hover.png) 0 0 no-repeat #e96f6f; }
.toolbar .tel { background:url(../images/tool-telphone.png) center center no-repeat #3f4461; }
.toolbar .tel:hover { background:url(../images/tool-telphone-hover.png) center center no-repeat #e96f6f; }
.toolbar .code { background:url(../images/tool-code.png) center center no-repeat #3f4461; }
.toolbar .code:hover { background:url(../images/tool-code-hover.png) center center no-repeat #e96f6f; }
.toolbar .top { background:url(../images/tool-top.png) center center no-repeat #3f4461; }
.toolbar .top:hover { background:url(../images/tool-top-hover.png) center center no-repeat #e96f6f; }

.pager { width:100%; height:40px; padding:10px 0 20px; }
.pager > * { display:inline-block; height:38px; line-height:38px; padding:0 20px; border:1px solid #ddd; background:#FFF; margin:0 -1px; }
.pager > *:first-child { display:none; }
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#ffece1; color:#e96f6f; font-weight:700; }
.pager > a:hover { background:#f1f1f1; }

.relink { padding:0 20px; height:40px; line-height:40px; border:1px solid #ddd; margin-bottom:20px; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }

.recommend-news { border:1px solid #ddd; padding:0 20px; margin-bottom:20px; }
.recommend-news .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-news .head:before { content:''; width:40px; height:3px; background:#c8a48e; position:absolute; left:0; bottom:-1px; }
.recommend-news .head h2 { font-size:18px; color:#5f412e; }
.recommend-news .head .mo { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.recommend-news .head .mo:hover { color:#5f412e; }
.recommend-news .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-news .list { float:left; width:120%; }
.recommend-news .item { float:left; width:360px; height:30px; line-height:30px; margin-right:88px; position:relative; }
.recommend-news .item a { background:url(../images/ico-news.png) left center no-repeat; padding:0 0 0 12px; }
.recommend-news .item a:hover { text-decoration:underline; }
.recommend-news .item span { position:absolute; right:0; top:0; color:#999; }

.recommend-pro { border:1px solid #ddd; padding:0 20px; margin-bottom:20px; }
.recommend-pro .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-pro .head:before { content:''; width:40px; height:3px; background:#e96f6f; position:absolute; left:0; bottom:-1px; }
.recommend-pro .head h2 { font-size:18px; }
.recommend-pro .head .mo { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.recommend-pro .head .mo:hover { color:#5f412e; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:163px; margin:0 52px 0 0; }
.recommend-pro .item .img { width:100%; /* height:217px;  */overflow:hidden; margin-bottom:10px; /* background:#f1f1f1;  */}
.recommend-pro .item .img img { width:100%; /* height:217px; */ }
.recommend-pro .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:10px; font-weight:400; }
.recommend-pro .item h3 a { }

.recommend-form { border:1px solid #ddd; padding:0 20px; }
.recommend-form .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-form .head:before { content:''; width:40px; height:3px; background:#e96f6f; position:absolute; left:0; bottom:-1px; }
.recommend-form .head h2 { font-size:18px; }
.recommend-form .main { width:100%; overflow:hidden; padding:40px 0 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:710px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:800px; height:auto; }
.recommend-form .ico-name { background:url(../images/ico-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(../images/ico-phone.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(../images/ico-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:700px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; }
.recommend-form input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-left:10px; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; margin:0 0 0 10px; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#e96f6f; }
.recommend-form .reset { background:#3f4461; }
.recommend-form .submit:hover { background:#e85d5d; }
.recommend-form .reset:hover { background:#303657; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }

.bdmap { height:400px; }
.BMap_bubble_title a { display:inline-block; padding:4px 10px; background:#e32b2b; color:#fff; border-radius:3px; }
.BMap_bubble_title a:hover { background:#c50606; }
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0; color:#777; }

.bdshare { width:auto; height:36px; }
.bdshare > * { float:right; }
.bdshare .head { height:36px; line-height:36px; }

.article { line-height:2; padding-bottom:20px; font-family:"microsoft YaHei UI" !important; }
.article img { max-width:100%; }

.article-adv { height:100px; background:#5f412e; margin-bottom:20px; }
.article-adv .icon { float:left; width:; height:80px; margin:10px 20px 0 20px; }
.article-adv .tel { float:left; margin:20px 0 0 0; }
.article-adv .tel dt { font-size:16px; color:#c8a48e; background:url(../images/ico-tel2.png) left center no-repeat; padding:0 0 0 25px; }
.article-adv .tel dd { line-height:1.2; font-size:32px; color:#f0c422; }
.article-adv .qiao { float:right; width:126px; height:36px; margin:32px 20px 0 0; background:url(../images/ico-qiao.png) center center no-repeat; line-height:33px; text-align:center; color:#5f412e; }
.article-adv .qiao:hover { background-image:url(../images/ico-qiao-hover.png); }

.ajax-pager { text-align:right; padding:10px 0; }
.ajax-pager > * { display:inline-block; height:32px; line-height:32px; padding:0 20px; border:1px solid #ddd; margin-left:-6px; background:#FFF;  }
.ajax-pager span { cursor:no-drop; }
.ajax-pager span.current { cursor:default; }
.ajax-pager a:hover { background:#f1f1f1; }

.ig-form-notice { position:absolute; z-index:101; width:auto; padding:5px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.ig-form-notice:before, .ig-form-notice:after { content:''; position:absolute; left:20px; top:-20px; width:0; height:0; border:10px solid transparent; border-bottom-color:#e0272c; }
.ig-form-notice:after { top:-19px; border-bottom-color:#ffe8e9; }

[ig-null] { margin-bottom:0px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }



/******************************
 ** 高级动画
 ******************************/



/******************************
 ** 自定义字体
 ******************************/
@font-face{
	font-family: "avgr65w";
	src: url("../font/avgr65w.eot");
	src: url("../font/avgr65w.eot?#iefix") format("eot"),
		 url("../font/avgr65w.ttf") format("truetype");
}



/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/ie6.png) center center no-repeat #fff; }
body > * { _display:none; }